@CHARSET "UTF-8";

* {margin:0;padding:0;}
html {height:100%;}
body {background:#fff url('../images/bg.png') repeat-x;color:#121212;font:normal 62.5% arial,sans-serif;font-weight:normal;margin:0;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

a {color:#0061A6;text-decoration: none;}
a:link {color:#0061A6;text-decoration: none;}
a:active {color:#0077cc;text-decoration: none;}
a:visited {color:#0061A6;text-decoration: none;}
a:hover {color:#000;text-decoration: underline;}


h1 {font-size:1.7em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:10px;}
h2 {font-size:1.6em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px;}
h3 {font-size:1.5em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px;}
h4 {font-size:1.4em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px;}
h5 {font-size:1.3em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px;}
h6 {font-size:1.2em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px;}

strong {font-weight:bold;}

/*
 * Structure
 */
#wrapper {margin:0 auto;width:960px;overflow:hidden;}

/*
 * Header
 */
#wrapper > #header {height:auto;overflow:hidden;}
#header {height:0;overflow:visible;}
#browser_warning {width: 90%;margin-left: auto;margin-right: auto;padding: 0.5em;height: 2em;background: yellow;opacity: 0.6;color: red;border: 0.2em dashed orange;font-size: 1.3em;margin: 1em auto;}
#header_logo {float:left;width:246px;}
#header_menu {float:left;padding: 10px 0 0 10px;font-size:1.4em;}
#header_menu ul {list-style-type:none;}
#header_menu li {display:inline;padding:5px;border-right:1px dotted #999999;}
#header_menu li.last {display:inline;padding:5px;border:0;}
#header_profile {word-wrap:break-word;padding:5px;float:right;width:200px;margin-right:6px;background-color:#fff;box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px;-moz-box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px;-webkit-box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px;margin-bottom:10px;border-radius:2px;}
#header_profile img {float:left;margin-right:5px;display:block;border:0;}
#header_profile h1 {border:0;padding:0;margin:0;font-size:1.4em;}
#header a {color:#000000;text-decoration: none;}
#header a:link {color:#000000;text-decoration: none;}
#header a:active {color:#000000;text-decoration: none;}
#header a:visited {color:#000000;text-decoration: none;}
#header a:hover {color:#0077cc;text-decoration: underline;}

/*
 * Main
 */
#main {overflow:hidden;padding:0 0px 0 20px;margin-top:20px;margin-bottom:50px;}

/*
 * Sidebar
 */
#sidebar {float:left;width:150px;margin: 0 10px 0 0;}
.sidebar_module {box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px;-moz-box-shadow: rgba(0,0,0, 0.2) 2px 2px 5px;-webkit-box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px; border-radius:2px;}
.sidebar_module_head {border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;padding: 4px 0 4px 6px;background-color:#eee;overflow:hidden; border-radius: 2px 2px 0 0;border-bottom:1px solid #ccc;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.45, rgb(230,230,230)),
        color-stop(0.7, rgb(238,238,238))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(230,230,230) 45%,
        rgb(238,238,238) 70%
    );
}
.sidebar_module_head_icon {float:left;padding-right:5px;}
.sidebar_module_head h1 {font-weight:bold;font-size:1.3em;margin:0;border:0;display:inline;color:#363636;text-shadow:1px 1px 0px #fff;}
.sidebar_module_head_expand {float:right;}
.sidebar_module_body {border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;margin-bottom:15px;font-size:1.2em;background-color:#f8f8f8;word-wrap:break-word; border-radius: 0 0 2px 2px;}
/*
.sidebar_module_body ul {list-style: disc url(../images/icons/bullet_arrow_right.png) inside;}
.sidebar_module_body li {padding:2px;margin:1px;border-top:1px solid #f7f7f7;border-bottom:1px solid #f8f8f8;}
.sidebar_module_body li:hover {background-color:#fff;margin:1px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
*/

/*
 * View
 */
#view {float:right;width:745px;margin: 0 20px 0 10px;box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px;-moz-box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px;-webkit-box-shadow: rgba(0,0,0, 0.2) 2px 2px 8px;margin-bottom:10px;}

.view_module {border:1px solid #ccc; border-radius: 2px;}
.view_module_head {padding: 4px 0 4px 6px;background-color:#eee;border-bottom:1px solid #ccc;overflow:hidden;border-radius: 2px 2px 0 0;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.45, rgb(230,230,230)),
        color-stop(0.7, rgb(238,238,238))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(230,230,230) 45%,
        rgb(238,238,238) 70%
    );
}
.view_module_head h1 {font-weight:bold;font-size:1.3em;margin:0;border:0;color:#363636;text-shadow:1px 1px 0px #fff;}
.view_module_head_icon {float:left;padding-right:5px;}
.view_module_body {background-color:#f8f8f8;padding:10px 10px 20px 10px;font-size:1.2em;word-wrap:break-word; overflow:hidden; border-radius: 0 0 2px 2px;}
.view_module_body h1 {font-size:1.7em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:10px; margin-top: 10px;}
.view_module_body h2 {font-size:1.3em;font-weight:bold;color:#777;border-bottom:1px dotted #ccc;margin-bottom:5px; margin-top: 10px;}
.view_module_body h3 {font-size:1.5em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px; margin-top: 10px;}
.view_module_body h4 {font-size:1.4em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px; margin-top: 10px;}
.view_module_body h5 {font-size:1.3em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px; margin-top: 10px;}
.view_module_body h6 {font-size:1.2em;font-weight:normal;border-bottom:1px dotted #ccc;margin-bottom:5px; margin-top: 10px;}
/*
 * Footer
 */
#footer {width:100%;text-align:center;font-size:1.1em;}
#footer a { color: #ff3344 }
#footer a:link {color:#ff3344;text-decoration: none;}
#footer a:active {color:#ff3344;text-decoration: none;}
#footer a:visited {color:#ff3344;text-decoration: none;}
#footer a:hover {color:#121212;text-decoration: underline;}

/*
 * Messages
 */
p.message_success { color:#005f00;background:#dfffdf url(../images/icons/message_success.png) 10px 50% no-repeat;padding:5px 5px 5px 35px;margin-bottom:10px;border:1px solid #9fcf9f;}
p.message_error { color:#880000;background:#ffe3e3 url(../images/icons/message_error.png) 10px 50% no-repeat;padding:5px 5px 5px 35px;margin-bottom:10px;border:1px solid #dd0000;}
p.message_warning { color:#775405;background:#ffebc1 url(../images/icons/message_warning.png) 10px 50% no-repeat;padding:5px 5px 5px 35px;margin-bottom:10px;border:1px solid #fdbf3b;}
p.message_info { color:#153896;background:#c0e0f7 url(../images/icons/message_info.png) 10px 50% no-repeat;padding:5px 5px 5px 35px;margin-bottom:10px;border:1px solid #153896;}


/*
 * Forms
 */
input, textarea, select {font-size:1em;border: solid 1px #E5E5E5;outline: 0;}
input, textarea {padding: 3px;}
textarea {font-size:1.3em;}

form ul {margin-bottom:5px;}
form li {margin-bottom:5px;}
form li label {float:left;padding:2px;width:125px;}
form input, #login textarea {border:1px solid #ccc;}
form #button {margin-left: 130px;}

.errors {padding-left:130px;}
.errors li {color:#cc0000;margin-top:5px;}

#filter_form li {display:inline;margin-left:5px;}
#filter_form label {width:25px;padding:4px;}

#user_login ul {margin-bottom:5px;}
#user_login li {margin-bottom:5px;}
#user_login label {float:left;padding:2px;width:125px;}
#user_login input, #login textarea {border:1px solid #ccc;}
#user_login .errors {padding-left:105px;}
#user_login input#button {margin-left:130px;}

#user_lostpassword {margin-top:10px;}
#user_lostpassword ul {margin-bottom:5px;}
#user_lostpassword li {margin-bottom:5px;}
#user_lostpassword label {float:left;padding:2px;width:100px;}
#user_lostpassword input, #login textarea {border:1px solid #ccc;}
#user_lostpassword button {margin-left:105px;}
#user_lostpassword .errors {padding-left:105px;}

#user_register ul {margin-bottom:5px;}
#user_register li {margin-bottom:5px;overflow:hidden;padding:1px;}
#user_register label {float:left;padding:2px;width:130px;}
#user_register input, #login textarea {border:1px solid #ccc;}
#user_register input#is_public {float:left;}
#user_register li.is_public label {width: 400px;}

#event_add ul {margin-bottom:5px;}
#event_add li {margin-bottom:5px;}
#event_add label {float:left;padding:2px;width:125px;}
#event_add input, #event_add textarea {border:1px solid #ccc;}
#event_add .submit {width:200px;}
#event_add li.event_add_datetime_group {}
#event_add label.event_add_datetime_group_item {display:inline;float:none;padding-right:5px;}

#privileges_privileges label {float:none;}

#date_filter label, #statistikk-hours-filter label {width:150px;}

/*
 * Tabulars
 */
table {width:100%;border-collapse:collapse;}
table tr.highlight {width:100%;background-color:#f3f3f3;}
table tr:hover {background-color:#ececec;}
table tr:hover {background-color:#f8f8f8;}
table th {font-weight:bold;font-size:1em;background-color:#e0e0e0;border:1px solid #ccc;padding:3px;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.45, rgb(230,230,230)),
        color-stop(0.7, rgb(238,238,238))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(230,230,230) 45%,
        rgb(238,238,238) 70%
    );
}
table th.control {background-color:#f8f8f8;border:0;width:64px;}
table td {padding:3px;border:1px solid #ccc;}

table.admin_users th.username {width:150px;}
table.admin_users td.username {width:150px;}
table.admin_users th.confirmed {width:20px;}
table.admin_users td.confirmed {width:20px;text-align:center;}

table.profile td.label {border:0;width:100px;font-weight:bold;}
table.profile td.content {border:0;}

.clean td {border:0;}
.clean .label {width:100px;}

.pagination{width:100%;text-align:center;margin-top:15px;}
.pagination li {display:inline;padding:3px;border:1px solid #ccc;margin-right:5px;}
.pagination li.previous {background-color:#eee;cursor:pointer;}
.pagination li.previous_disabled {background-color:#f8f8f8;}
.pagination li.next {background-color:#eee;cursor:pointer;}
.pagination li.next_disabled {background-color:#f8f8f8;}
.pagination li.item {background-color:#eee;cursor:pointer;}
.pagination li.item_disabled {background-color:#f8f8f8;}

/*p#top_right_links {position:relative;top: -28px;float:right;margin: 0 8px 0 0;}*/
p#top_right_links {position:relative;top:-44px;float:right;margin:0;}

/*
 * Added by Andreas
 */
#shift_role_form input#submit_add_role_form{clear:both;float:left;margin:10px 0 0 0;}
/* #memberRoleForm input#submit_member_role{float:left; margin:10px 0 0 0;} */
#memberRoleForm { overflow: hidden; }
.colorcodes {clear:left;margin:10px 0 0 0;}
.colorcodes td {display:inline;padding:0 0 0 10px;}
.colorcodes td#first {padding:0;}

.lightbox {font-size:1.2em;}
.lightbox h2 {font-size:1.3em;font-weight:bold;color:#777;border-bottom:1px dotted #ccc;margin-bottom:5px;}
.lightbox table.members_for_shift tr.interest {background-color: #a7ce92;}  /* greenish */
.lightbox table.members_for_shift tr.not_qualified {background-color: #e69a81;} /* redish */
.lightbox table.members_for_shift tr.is_passive {background-color: #8dc3ca;} /* light blueish */
.lightbox table.members_for_shift tr.is_permanent_passive{background-color: #e6dd75;} /* dark blueish .. or yellow! prettier! */
.lightbox p#top_right_links {position:relative;top: -28px;float:right;margin-right:8px;}

#privileges th#first{width:25%;}

#srtable th.shift_role   {width:28%;}
#srtable th.shift_leader {width:8%;}
#srtable td.shift_leader {width:8%;text-align:center;}

#event_info td.info {width:30%;}
#event_info td.value {width:70%;}

a.passiv_calendar_link{padding: 8px 36px;}

#calendar_to_from_date{border-style:hidden; margin-top:5%;}
#calendar_to_from_date td.from_column{text-align:center;border-style:hidden;}
#calendar_to_from_date td.to_column{text-align:center;border-style:hidden;}
#calendar_to_from_date td#from_calendar_cell{height:226px;}
#calendar_to_from_date td#to_calendar_cell{height:226px;}
#calendar_to_from_date td#submit_passive_cell{padding-top:20px;}
div#from_date_container{margin: 0px auto; width:232px;text-align: center;}
div#to_date_container{margin: 0px auto; width:232px;text-align: center;}

#calendar_color_codes td.description{display:inline;padding: 0 0 0 3px;}

#report_form label{width:350px;}
/*
 *  Buttons
 */
.button {cursor:pointer;color:#000;float:left;margin:5px 10px 10px 0px;padding:5px;background-color:#eee;border:1px solid #ccc;overflow:hidden;}
.button a{padding:5px 0px 7px 0px;}
.button:hover {background-color:#e8e8e8;text-decoration: none;}
.button img {float:left;margin-right:8px;}

/*simen*/
#calendar td {
 width:14%;
 height:35px;
 text-align:center;
}

#calendar td.day { font-weight: bold }

/**
 * Sidebar Dropdown Menu
 */
.sidemenu li {margin-bottom:3px}
.sidemenu img{float:left; margin: 0 5px 0 0;}
.sidemenu a{padding:2px; display:block; color:#121212; font: normal 1em Arial,sans-serif; text-decoration:none; margin: 0 0 4px 0; border-radius:2px;}
/*.sidemenu a:hover{background:#eee; color:#121212; border-top:1px solid #ccc;  border-bottom:1px solid #ccc}*/
.sidemenu a:hover {background:#eee; color:#121212; border-radius: 2px;}
.sidemenu li.active a {
    background-color: #e6e6e6;
}

/**
 * DataTables specific
 */
div.dataTables_filter,
div.dataTables_length {
  padding: 0 0 4px 0;
}
div.dataTables_info,
div.dataTables_paginate {
  padding: 4px 0 0 0;
}
div.dataTables_wrapper {
  overflow: hidden;
  margin-bottom: 12px;
}

div.dataTables_wrapper table th {
    padding: 4px;
}

div.dataTables_wrapper table th.sorting,
div.dataTables_wrapper table th.sorting_asc,
div.dataTables_wrapper table th.sorting_desc {
  cursor: pointer;
  * cursor: hand;
}

/* added mar 2, 2011 */
div.header_wrapper {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px dotted #CCC;
  margin: 0 0 10px 0;
}

div.header_wrapper h1 {
  width: auto;
  float: left;
  margin: 0;
  border-bottom: 0;
}

div.header_wrapper form {
  float: right;
}

/* calendar specific */
table#calendar {
	margin-top: 25px;
}

table#calendar td.day_name {
  background-color: #e9e9e9;
}

table#calendar>tbody td {
  background-color: #fff;
}

Table#calendar>tbody td.blank {
  background-color: #fefefe;
}

table#calendar>tbody td.confirmed_shift {
  background-color: #a7ce92;
}

table#calendar>tbody td.passive {
  background-color: #8dc3ca;
}

table#calendar>tbody td.unconfirmed_shift {
  background-color: #e69a81;
}

table#calendar > tbody td.today {
	background-color: #dde2e6;				/* Same color as disabledDay, but no opacity setting */
}

table#calendar>tbody td.disabledDay {
  background-color: #dde2e6;
  opacity: 0.4;
}

/* profile page */
div.profile_box {
  margin-bottom: 15px;
}

div.profile_box h2 {
  border-bottom: 0;
}

div.profile_box.picture {
  margin-right: 15px;
  float: left;
  width: auto;
}

div.profile_box.personalia {
  width: 50%;
  float: left;
}

div.profile_box.right_float {
    width: 50%;
    float: left;
}

div.profile_box.telephone {
  width: 50%;
  float: left;
}

div.profile_box.email {
  width: 50%;
  float: left;
}

div.profile_box.user {
  clear: both;
}

td.checkbox {
  text-align: center;
  width: 5px;
}

td {
  height: 16px;
}
th {
  height: 16px;
}

/* shift exchange member table */
table.exchange_members tr.interest {
    background-color: #DEFFDE;
}

table.exchange_members tr.not_qualified {
    background-color: #FFDEDE;
}

.sidemenu a:active {
    padding: 3px 2px 2px 3px;
    margin: 0 0 3px 0;
}

/* BUTTONS */
input[type=submit], a.button, button { display: inline-block; padding: 6px 5px 5px 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('/hlindset/redcross_new/public/static/images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; }
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
button::-moz-focus-inner { border: 0; padding:0px; }
input[type=submit].primary, a.button.primary, button.primary { font-weight: bold }
input[type=submit]:focus, a.button:focus, button:focus,
input[type=submit]:hover, a.button:hover, button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
input[type=submit]:active, a.button:active, button:active,
input[type=submit].active, a.button.active, button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
input[type=submit]:active, a.button:active, button:active { top: 1px }
input[type=submit]:focus, a.button.negative:focus, button.negative:focus,
input[type=submit].negative:hover, a.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
input[type=submit].negative:active, a.button.negative:active, button.negative:active,
input[type=submit].negative.active, a.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
input[type=submit].positive:focus, a.button.positive:focus, button.positive:focus,
input[type=submit].positive:hover, a.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
input[type=submit].positive:active, a.button.positive:active, button.positive:active,
input[type=submit].positive.active, a.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
input[type=submit].pill, a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
input[type=submit].left, a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; }
input[type=submit].middle, a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; border-left: none; }
input[type=submit].right, a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
input[type=submit].left:active, a.button.left:active, button.left:active,
input[type=submit].middle:active, a.button.middle:active, button.middle:active,
input[type=submit].right:active, a.button.right:active, button.right:active { top: 0px }
input[type=submit].big, a.button.big, button.big { font-size: 16px; padding-left: 17px; padding-right: 17px; }
button.big { *padding: 4px 17px 2px 17px; }
a.button span.icon, button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 2px; *top: 0px; background-image: url('/hlindset/redcross_new/public/static/images/css3buttons_icons.png'); background-repeat: no-repeat; }
a.big.button span.icon, button.big span.icon, { top: 0px }
a.button span.icon.book, button span.icon.book { background-position: 0 0 }
a.button:hover span.icon.book, button:hover span.icon.book { background-position: 0 -15px }
a.button span.icon.calendar, button span.icon.calendar { background-position: 0 -30px }
a.button:hover span.icon.calendar, button:hover span.icon.calendar { background-position: 0 -45px }
a.button span.icon.chat, button span.icon.chat { background-position: 0 -60px }
a.button:hover span.icon.chat, button:hover span.icon.chat { background-position: 0 -75px }
a.button span.icon.check, button span.icon.check { background-position: 0 -90px }
a.button:hover span.icon.check, button:hover span.icon.check { background-position: 0 -103px }
a.button span.icon.clock, button span.icon.clock { background-position: 0 -116px }
a.button:hover span.icon.clock, button:hover span.icon.clock { background-position: 0 -131px }
a.button span.icon.cog, button span.icon.cog { background-position: 0 -146px }
a.button:hover span.icon.cog, button:hover span.icon.cog { background-position: 0 -161px }
a.button span.icon.comment, button span.icon.comment { background-position: 0 -176px }
a.button:hover span.icon.comment, button:hover span.icon.comment { background-position: 0 -190px }
a.button span.icon.cross, button span.icon.cross { background-position: 0 -204px }
a.button:hover span.icon.cross, button:hover span.icon.cross { background-position: 0 -219px }
a.button span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px }
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow { background-position: 0 -249px }
a.button span.icon.fork, button span.icon.fork { background-position: 0 -264px }
a.button:hover span.icon.fork, button:hover span.icon.fork { background-position: 0 -279px }
a.button span.icon.heart, button span.icon.heart { background-position: 0 -294px }
a.button:hover span.icon.heart, button:hover span.icon.heart { background-position: 0 -308px }
a.button span.icon.home, button span.icon.home { background-position: 0 -322px }
a.button:hover span.icon.home, button:hover span.icon.home { background-position: 0 -337px }
a.button span.icon.key, button span.icon.key { background-position: 0 -352px }
a.button:hover span.icon.key, button:hover span.icon.key { background-position: 0 -367px }
a.button span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px }
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow { background-position: 0 -397px }
a.button span.icon.lock, button span.icon.lock { background-position: 0 -412px }
a.button:hover span.icon.lock, button:hover span.icon.lock { background-position: 0 -427px }
a.button span.icon.loop, button span.icon.loop { background-position: 0 -442px }
a.button:hover span.icon.loop, button:hover span.icon.loop { background-position: 0 -457px }
a.button span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px }
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier { background-position: 0 -487px }
a.button span.icon.mail, button span.icon.mail { background-position: 0 -502px }
a.button:hover span.icon.mail, button:hover span.icon.mail { background-position: 0 -514px }
a.button span.icon.move, button span.icon.move { background-position: 0 -526px }
a.button:hover span.icon.move, button:hover span.icon.move { background-position: 0 -541px }
a.button span.icon.pen, button span.icon.pen { background-position: 0 -556px }
a.button:hover span.icon.pen, button:hover span.icon.pen { background-position: 0 -571px }
a.button span.icon.pin, button span.icon.pin { background-position: 0 -586px }
a.button:hover span.icon.pin, button:hover span.icon.pin { background-position: 0 -601px }
a.button span.icon.plus, button span.icon.plus { background-position: 0 -616px }
a.button:hover span.icon.plus, button:hover span.icon.plus { background-position: 0 -631px }
a.button span.icon.reload, button span.icon.reload { background-position: 0 -646px }
a.button:hover span.icon.reload, button:hover span.icon.reload { background-position: 0 -660px }
a.button span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px }
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow { background-position: 0 -689px }
a.button span.icon.rss, button span.icon.rss { background-position: 0 -704px }
a.button:hover span.icon.rss, button:hover span.icon.rss { background-position: 0 -719px }
a.button span.icon.tag, button span.icon.tag { background-position: 0 -734px }
a.button:hover span.icon.tag, button:hover span.icon.tag { background-position: 0 -749px }
a.button span.icon.trash, button span.icon.trash { background-position: 0 -764px }
a.button:hover span.icon.trash, button:hover span.icon.trash { background-position: 0 -779px }
a.button span.icon.unlock, button span.icon.unlock { background-position: 0 -794px }
a.button:hover span.icon.unlock, button:hover span.icon.unlock { background-position: 0 -809px }
a.button span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px }
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow { background-position: 0 -839px }
a.button span.icon.user, button span.icon.user { background-position: 0 -854px }
a.button:hover span.icon.user, button:hover span.icon.user { background-position: 0 -869px }

thead th {
    color: #363636;
    text-shadow: 1px 1px 0px #fff;
}
.core_events td.core_event_vaktarrangement {
    background-color: #d6f2cf;
}

.core_events td.core_event_frist {
    background-color: #f2cfcf;
}

.core_events td.core_event_kurs {
    background-color: #cfe6f2;
}

.core_index_calendar_body {
    font-size: 11px;
}

.core_index_calendar_body td {
    vertical-align: top;
    min-width: 20px;
}
.core_index_calendar_body div {
    padding: 3px;
    margin: 1px 0 2px 0;
    background-color: #dedede;
    border-radius: 2px;
}

.core_index_calendar_body div.core_index_calendar_vaktarrangement {
    background-color: #d6f2cf;
}


.core_index_calendar_body div.core_index_calendar_frist {
    background-color: #f2cfcf;
}

.core_index_calendar_body div.core_index_calendar_kurs {
    background-color: #cfe6f2;
}

/* membership fee page */
table .green {
    background-color: #DEFFDE;
}

table .red {
    background-color: #FFDEDE;
}

table.core_index_shiftexchanges .buttons { width: 38px; }
table.core_index_unconfirmed_users .buttons { width: 20px; }
table.core_index_calendar td { width: 14%; }

.profile_box.courses td, .profile_box.competences td {
    width: 33%;
}

.profile_box.future_shifts td, .profile_box.last_shifts td {
    width: 25%;
}

#fieldset-interest legend { font-weight: bold; padding-bottom: 10px; }
#fieldset-interest dl, #fieldset-interest li { overflow:hidden; padding: 1px; }
#fieldset-interest input { float: left; }
#fieldset-interest label { width: auto; }
#fieldset-interest dl {
    margin: 0 3px 3px 3px;
}

#fieldset-mail_checkbox dl, #fieldset-mail_checkbox li { overflow: hidden; padding: 1px; }
#fieldset-mail_checkbox input { float: left; }
#fieldset-mail_checkbox label { width: auto; }
#fieldset-interest dl {
    margin: 3px;
}

#fieldset-general dl, #fieldset-general li { overflow: hidden; padding: 1px; }
#fieldset-general label { float: none; display: block; width: auto; }
